<!DOCTYPE html>
<html lang="en">
<head>
<title>Unicorn Admin</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/unicorn.main.css" />
<link rel="stylesheet" href="css/unicorn.grey.css" class="skin-color" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
	<div id="header">
		<h1></h1>
	</div>
	<div id="user-nav" class="navbar navbar-inverse">
		<ul class="nav btn-group">
			<li class="btn btn-inverse"><a title="" href="login.html"><i
					class="icon icon-share-alt"></i> <span class="text">退出登录</span></a></li>
		</ul>
	</div>
	<div id="sidebar">
		<ul>
			<li class="submenu"><a href="#"><i class="icon icon-th-list"></i>
					<span>父节点1</span> <span class="label">4</span></a>
				<ul>
					<li><a href="edit.html">子节点1_1</a></li>
					<li><a href="#">子节点1_2</a></li>
					<li><a href="#">子节点1_3</a></li>
					<li><a href="#">子节点1_4</a></li>
				</ul></li>
			<li class="submenu"><a href="#"><i class="icon icon-th-list"></i>
					<span>父节点2</span> <span class="label">3</span></a>
				<ul>
					<li><a href="excelOUT.html">子节点2_1</a></li>
					<li><a href="#">子节点2_2</a></li>
					<li><a href="#">子节点2_3</a></li>
				</ul></li>
			<li class="submenu"><a href="#"><i class="icon icon-th-list"></i>
					<span>父节点3</span> <span class="label">3</span></a>
				<ul>
					<li><a href="index.html">子节点3_1</a></li>
					<li><a href="#">子节点3_2</a></li>
					<li><a href="#">子节点3_3</a></li>
				</ul></li>
		</ul>

	</div>

	<div id="content">
		<div id="content-header">
			<h1>主页</h1>

		</div>
		<div id="breadcrumb">
			<a href="login.html" class="current">主页</a>
		</div>

		<div class="row-fluid">
			<iframe id="iframe" src="index.html"
				style="width: 100%; height: 550px"></iframe>
		</div>

		<div class="row-fluid">
			<div id="footer" class="span12">
				2012 &copy; Unicorn Admin. Brought to you by <a
					href="https://wrapbootstrap.com/user/diablo9983">diablo9983</a>
			</div>
		</div>
	</div>

	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.ui.custom.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.uniform.js"></script>
	<script src="js/select2.min.js"></script>
	<script src="js/jquery.dataTables.min.js"></script>
	<script src="js/unicorn.js"></script>
	<script src="js/unicorn.tables.js"></script>
	<script type="text/javascript">
		$(function() {
			$("#sidebar a").attr("onclick", "return false");
			$("#sidebar ul li ul li").click(
					function() {
						var son = $(this).text();
						var href = $(this).find("a").attr("href");
						$("#iframe").attr("src", href);
						var su = $(this).parent().parent().find("span:first")
								.text();
						$("#breadcrumb").children().remove();
						$("#breadcrumb").append(
								'<a href="#" class="current">' + su + '</a>');
						$("#breadcrumb").append(
								'<a href="#" class="current">' + son + '</a>');
					});
		});
	</script>
</body>
</html>
